/* 
 * @Author: Marte
 * @Date:   2016-06-29 10:54:57
 * @Last Modified by:   Marte
 * @Last Modified time: 2017-02-23 10:02:10
 */

$(function() {
	var editor = UE.getEditor('requirementDescription');
	editor.ready(function(){
	});
	var editor = UE.getEditor('requirementDescription1');
	editor.ready(function(){
	});
	// 头部 导航部分的li
	// 定位导航位置
	// $('.js_manListUl').css({
	// 	'margin-left' : -$(".js_comListUl").width()+18 +'px'
	// });
	// $('.js_madamListUl').css({
	// 	'margin-left' : -8 +'px'
	// });
	// 商
	$('.js_consultIcon').on('click',function(){
		$(this).toggleClass('consultIconOn');
		if( $(this).hasClass('consultIconOn') ){
			$('.js_consultCont ').fadeOut(500);
		}else{

			$('.js_consultCont ').fadeIn(500);
		}
	})
	$('.js_consultCont a').hover(function() {
		$(this).addClass('current');
	}, function() {
		$(this).removeClass('current');
	});

	// 鼠标经过的效果
	$('.js_consumerUl>ul>li').hover(function() {
		$(this).addClass('current');
		$(this).children('.js_comListUl').stop().slideDown(200);
		// $('.js_navWhiteBg').stop().show(500)
	}, function() {
		$(this).removeClass('current');
		$(this).children('.js_comListUl').stop().slideUp(200);
		// $('.js_navWhiteBg').stop().hide(500)
	});
	$('.js_consumerUl li').hover(function() {
		$(this).addClass('on')
		// $('.js_navWhiteBg').stop().show(500)
	}, function() {
		$(this).removeClass('on')
	});

	// 首页轮播图开始/////////////////////////////
	var oMinbanner = $('.js_mainbanner');
	var oBanner_ul = $('.js_banner_ul'); // 大图片
	var oBanner_ol = $('.js_banner_ol'); // 小图片

	var num = 0
	// 点击小图片时
	$('.js_banner_ol li').mouseover(function(e) {

		$(this).addClass('on').siblings().removeClass('on');
		var index = $(this).index();
		$('.js_banner_ul li').eq(index).stop().fadeIn(500).siblings('li').stop().fadeOut(500);
		num = index;
	});
	var timerBanner = null;
	var myFn = function() {
		num++;
		if (num >= 4) {
			num = 0;
		}
		$('.js_banner_ul li').eq(num).stop().fadeIn(500).siblings('li').stop().fadeOut(500);
		$('.js_banner_ol li').eq(num).addClass('on').siblings().removeClass('on');
	}
	timerBanner = setInterval(myFn, 3500)

	// 鼠标移上大图片的时候停止
	oMinbanner.mouseenter(function(e) {
		clearInterval(timerBanner)
	}).mouseleave(function(e) {
		clearInterval(timerBanner)
		timerBanner = setInterval(myFn, 3500)
	});
	// 首页轮播图结束/////////////////////////////

	// 轮播图开始////////////////////////////

	// var $oLi = $('#seriesLiBox1 ol li');
	// var iNow = 0;
	// var timer = null;
	// var consumerCont_W = $('.js_seriesCont').width();
	// // console.log( $('.js_seriesCont').length )
	// // console.log(consumerCont_W)
	// $oLi.mouseover(function(){
	// // $oLi.attr('class','');
	// $(this).attr('class','active').siblings('li').attr('class','');
	// $('.js_seriesLiBox1').siblings('.js_consumerCont1').stop().animate({left
	// : -consumerCont_W * $(this).index()},1000);
	// iNow = $(this).index();

	// });

	// $('.js_consumerSeriesplay1').mouseover(function(){
	// clearInterval(timer);
	// }).mouseout(function(){
	// timer = setInterval(toRun,4000);
	// });

	// timer = setInterval(toRun,4000);
	// function toRun(){
	// if(iNow == $oLi.length-1){
	// iNow = 0;
	// $('.js_consumerCont1').css({left:0})
	// }
	// else{
	// iNow++;
	// }
	// $oLi.attr('class','');
	// $oLi.eq(iNow).attr('class','active');
	// $('.js_consumerCont1').stop().animate({left : -consumerCont_W *
	// iNow},1000);
	// }

	// 轮播图结束//////////////////


	// 男装女装的切换js_styleSelect
	$('.js_styleSelect').children('a').on(
			'click',
			function() {
				$(this).addClass('active').siblings('a').removeClass('active');
				var index = $(this).index()
				$('.js_styleSelectCont').eq(index).show().siblings(
						'.js_styleSelectCont').hide();
			})
	// 鼠标移上的时候其他的添加蒙版
	$('.js_styleSelectCont ul li').hover(function() {
		$(this).removeClass('onHover').siblings('li').addClass('onHover')
	}, function() {
		$('.js_styleSelectCont ul li').removeClass('onHover')
	});


// 男士女士专区特效开始////////////////////////////////////////////

//////////////////////////男士专区/////////////////////////////////////////////////
var getyxl = jQuery('.js_picLBxxl li').eq(0).width();

    // new一个构造函数
    var arartta1= window['arartta1'] = function(o){
        return new das1(o);
    }
    das1 = function(o){
        this.obj = $('#'+o.obj);
        this.bnt = $('#'+o.bnt);
        this.showLi = this.obj.find('li');
        this.current = 0;
        this.myTimersc = '';
        this.init()

    }
    das1.prototype = {
        // 图片变换
        chgPic:function(){
            var _this = this;
            _this.current++;
            
            if (_this.current > 1) {
                _this.current = 0 ;
            }

            var n=_this.current;
            for (var i = 0,l= _this.showLi.length; i < l; i++) {

                $('#picLBxxl1 dl:not(:animated)').animate({left: -(n * getyxl) + "px"}, {easing:"easeInOutExpo"}, 1500, function(){});
            }
        },
        init:function(){
            var _this = this;
            // 定时器
            var timer = null;
            var fn = function(){
                _this.chgPic();
                // _this.rotate();
            } 
            // 初始化定时器开启
            timer = setInterval(fn, 3000);
            // 鼠标移上时停止
            $('#picLBxxl1 dl').hover(function() {
                clearInterval(timer);
            }, function() {
                timer = setInterval(fn, 3000);
            });
        }

    }

// 调用
arartta1({
    obj:'picLBxxl1'
});

// ////////////////////////女士专区/////////////////////////////////////////////////
    var arartta2= window['arartta2'] = function(o){
        return new das2(o);
    }
    das2 = function(o){
        this.obj = $('#'+o.obj);
        this.bnt = $('#'+o.bnt);
        this.showLi = this.obj.find('li');
        this.current = 0;
        this.myTimersc = '';
        this.init()

    }
    das2.prototype = {
        // 图片变换
        chgPic:function(){
            var _this = this;
            _this.current++;
            
            if (_this.current > 1) {
                _this.current = 0 ;
            }

            var n=_this.current;
            for (var i = 0,l= _this.showLi.length; i < l; i++) {

                $('#picLBxxl2 dl:not(:animated)').animate({left: -(n * getyxl) + "px"}, {easing:"easeInOutExpo"}, 1500, function(){});
            }
        },
        init:function(){
            var _this = this;
            // 定时器
            var timer = null;
            var fn = function(){
                _this.chgPic();
                // _this.rotate();
            } 
            // 初始化定时器开启
            timer = setInterval(fn, 3500);
            // 鼠标移上时停止
            $('#picLBxxl2 dl').hover(function() {
                clearInterval(timer);
            }, function() {
                timer = setInterval(fn, 3500);
            });
        }

    }

arartta2({
    obj:'picLBxxl2'
});



// 男士女士专区特效结束////////////////////////////////////////////

// 三种定制途径切换
var customLoad_TLi = $('.js_customLoad_T ul li');
customLoad_TLi.on('click',function(){
	$(this).addClass('current').siblings('li').removeClass('current');
	var index = $(this).index();
	$('.js_customLoadCont').eq(index).removeClass('displayNone').siblings('.js_customLoadCont').addClass('displayNone');
})
// 约一约
var oScheduleBtn = $('.js_scheduleBtn') ;
oScheduleBtn.on('click',function(){
	$(this).parents('.js_LoadContUp').css({'display':'none'});
	$(this).parents('.js_LoadContUp').siblings('.js_LoadContDown').css({'display':'block'});
})
// 取消
var oCancelSchedule = $('.js_cancelSchedule');
oCancelSchedule.on('click',function(){
	$(this).parents('.js_LoadContDown').css({'display':'none'});
	$(this).parents('.js_LoadContDown').siblings('.js_LoadContUp').css({'display':'block'});
})



	//顶部男女导航，点击分类跳转到男女专区对应的分类
	$('.js_comListUl li').click(function(e) {
		var $parent = $(this).parent();
		var index = $parent.children().index(this);
		window.location.href = '/html/goods/index' + ($parent.hasClass('js_manListUl') ? 'Man' : 'Lady') + 'Special.html?c=' + index;
		return false;
	});
	$('#appointmentBtn').click(doAppointment);
	changeAddressGroup();
	changeAddress();
	// loadCustomShopCity();
});


// 预约量体、来图、来样提交成功
/*$('.js_scheduleBtn2').live('click', function() {
    $.MsgBox.Alert("温馨提示","<img src='../images/business/ok.jpg' alt='' width='43' height='29' style='vertical-align:middle'/>恭喜您，提交成功^_^~");
})*/

//来样定制
function dataCheck(formId) {
	if ($('#formRequirement').validate()) {
		$.ajax({
					type : "POST",
					url : "../../service/userRest/requirement/insertPersonRequirement",
					data : $('#formRequirement').serializeJSON(),
					async : false,
					dataType : "json",
					error : function(request) {
						$.MsgBox.Alert("提示","个人需求发布失败");
						//alert("个人需求发布失败");
					},
					success : function(data) {
						if (data.success == true || data.success == 'true') {
							$.MsgBox.Alert("温馨提示","<img src='../images/business/ok.jpg' alt='' width='43' height='29' style='vertical-align:middle'/>恭喜您，提交成功^_^~");
						} else {
							$.MsgBox.Alert("提示","需求发布不成功,请检查原因！！");
//							alert("需求发布不成功,请检查原因！！");
						}
					}
				});

	}

}
//来图定制
function dataCheck2(formId2) {
	if ($('#formRequirement2').validate()) {
		$.ajax({
					type : "POST",
					url : "../../service/userRest/requirement/insertPersonRequirement",
					data : $('#formRequirement2').serializeJSON(),
					async : false,
					dataType : "json",
					error : function(request) {
						$.MsgBox.Alert("提示","个人需求发布失败");
						//alert("个人需求发布失败");
					},
					success : function(data) {
						if (data.success == true || data.success == 'true') {
							$.MsgBox.Alert("温馨提示","<img src='../images/business/ok.jpg' alt='' width='43' height='29' style='vertical-align:middle'/>恭喜您，提交成功^_^~");
						} else {
							$.MsgBox.Alert("提示","需求发布不成功,请检查原因！！");
//							alert("需求发布不成功,请检查原因！！");
						}
					}
				});

	}

}
function renderCustomShopCity(citys) {
	  if(!citys || citys.length < 1) return;
	  $("#customShopCount").text(citys.length);
	  
	  var groupedAddress = groupAddressByFirstLetter(citys),
	  	  biggerGroup = {"ABCDE" : [],"FGHIJ" : [],"KLMNO" : [],"PQRST" : [],"UVWXYZ" : []};
	
	  for(var p in groupedAddress) {
		  for(var b in biggerGroup) {
			  if(b.indexOf(p) != -1) {
				  biggerGroup[b] = biggerGroup[b].concat(groupedAddress[p]);
			  }
		  }
	  }
	  for(var g in biggerGroup) {
		  $("#" + g).append($("#addressTmp").jqote(biggerGroup[g]));
	  }
}
// function loadCustomShopCity() {
// 	$.getJSON("/service/customRest/customShopService/citys",function(data) {
// 		renderCustomShopCity(data);
// 	});
// }
function changeAddressGroup() {
	  var regionTilBoxLi = $('.js_regionTilBox').find('li');
    
    regionTilBoxLi.on('click',function(){
      regionTilBoxLi.removeClass('current');
      $(this).addClass('current');
      var index = $(this).index();
      $('.js_regionBigCont').children('.js_regionListCont').eq(index).removeClass('displayNone');
      $('.js_regionBigCont').children('.js_regionListCont').eq(index).siblings().addClass('displayNone');
    });
}
function changeAddress() {
	  $('.js_regionBigCont').delegate("li", "click",function() {
		  $('.js_regionBigCont').find('li').removeClass("currentOn");
	      $(this).addClass('currentOn');
	  });
}
function getAppointment() {
	  var 	currentNode = $("#allAddress ul li.currentOn"),
	  		province = currentNode.data("province"),
	  		provinceName = currentNode.data("provinceName"),
	  		municipality = currentNode.data("municipality"),
	  		municipalityName = currentNode.data("municipalityName"),
	  		particularAddress = $("#particularAddress").val(),
	  		linkman = $("#nameIptTxt").val(),
	  		contactNumber = $("#phoneIptTxt").val();
	  return {
		  province : province,
		  provinceName : provinceName,
		  municipality : municipality,
		  municipalityName : municipalityName,
		  particularAddress : particularAddress,
		  linkman : linkman,
		  contactNumber : contactNumber
	  };
}
function checkInput(address) {
	  if(!$("#form1").validate()) return false;
	  if(!address.province || !address.municipality) {
		  $("#provinceError").append("<span>请选择城市</span>");
		  return false;
	  }
	  return true;
}
function doAppointment() {
	var appoint = getAppointment();
	if(!checkInput(appoint)) {
		return;
	}
	$.ajax({
	      type:'POST',
		  url:"/service/appointment-order",
	      data:JSON.stringify(appoint),
	      dataType:'json',
	      contentType:'json',
	      success:function(data) {
	    	  if(data.code == 1) {
	    		  $.MsgBox.Alert('温馨提示', "恭喜您，提交成功！");
	  		  }else {
	  			console.log(data.message);
	  			$.MsgBox.Alert('温馨提示', "预约失败！");
	  		  }
	      }
	});
}











